<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>办公OA-团队</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css1/01team.css"/>
		<link rel="stylesheet" type="text/css" href="css1/form.css"/>
		<!--<link rel="stylesheet" type="text/css" href="css/lead.css"/>-->
	</head>
	<body>
		<!--顶部-->
		<div class="top">
			<div class="wp top-header">
				<h1>
					<a href="01办公OA-团队.html">
						<img src="img/icon_logo.png" alt="LOGO"/>
						<span>返回首页</span>
					</a>
				</h1>
				<p class="sing-name">标识汇网络科技有限...&nbsp;&nbsp;<img src="img1/icon_sign_name.png" alt="LOGO" /></p>
				<div class="header-menu">
					<a class="active" href="" >我的团队</a>
					<a href="###">团队在线</a>
					<a href="###">考勤打卡</a>
					<a href="###">审批</a>
					<a href="###">日志</a>
					<a href="###">公告</a>
					<a href="###">云盘</a>
					<a href="###">分享标识汇</a>
					<a href="###">设置</a>
				</div>
			</div>
		</div>
		<!--中间部分-->
		<div class="center" id="center">
			<div class="wp center-main">
				<div class="left">
					<div class="left-search">
						<span></span>
						<input type="text" name="search-form" placeholder="搜索" />
					</div>
					<ul class="left-menu">
						<li><a href="01办公OA-团队.html"><span></span>标识汇网络科技有限公司</a></li>
						<li class="active"><span></span>技术开发部（7人）</li>
						<li><span></span>财务部（5人）</li>
						<li><span></span>行政部（2人）</li>
						<li><span></span>外联部（6人）</li>
						<li><span></span>销售部（4人）</li>
						<li><span></span>业务部（3人）</li>
						<li><span></span>人事部（3人）</li>
					</ul>
				</div>
				<!--
					右侧表单
				-->
				
				<div class="right">
	            <h2>
						<p>技术开发部</p>
						<a href="#dv" onclick="document.getElementById('dv').style.display='block'">编辑部门</a>
						<a href="">添加子部门</a>
				</h2>
				<div class="right-button">
					<a href="#" id="button-one"  onclick="document.getElementById('dv-twobg').style.display='block';" >新增成员</a>
					<a href="15-批量导入和导出.html" onclick="document.getElementById('lead-bgd').style.display='block';">批量导入/导出</a>
					<a href="17团队邀请.html">团队邀请</a>
					<a href="20选择部门.html">调整部门</a>
					<a href="21调整排序.html">调整排序</a>
					<a href="">批量删除</a>
				</div>
				<div class="right-middle">
					<p class="line-one">|</p>
					<p class="line-two">|</p>
					<p class="line-three">|</p>
					<img src="img1/icon-namesex.png" class="img-namsex"/>
					<table border="0" cellspacing="0" cellpadding="0">
					<tr>
						<th>姓名</th>
						<th>职位</th>
						<th>手机号</th>
						<th>身份证号</th>
					</tr>	
					<tr>
						<td><input type="checkbox" name="" id="" value="1" /><img src="img1/icon-namelogo1.png" alt="李潇潇"/><a href="19调整部门.html" >李潇潇</a></td>
						<td>UI设计师</td>
						<td>15737873676</td>
						<td>412718199823769809</td>
					</tr>
					<tr>
						<td><input type="checkbox" name="" id="" value="1" /><img src="img1/icon-namelogo2.png" alt="李潇潇"/><a href="#">黄豆豆</a></td>
						<td>产品经理</td>
						<td>15737873676</td>
						<td>412718199823769809</td>
					</tr>
					<tr>
						<td><input type="checkbox" name="" id="" value="1" /><img src="img1/icon-namelogo3.png" alt="李潇潇"/><a href="#">赵峰伟</a></td>
						<td>前端开发</td>
						<td>15737873676</td>
						<td>412718199823769809</td>
					</tr>
					<tr>
						<td><input type="checkbox" name="" id="" value="1" /><img src="img1/icon-namelogo4.png" alt="李潇潇"/><a href="#">李潇潇</a></td>
						<td>PHP开发</td>
						<td>15737873676</td>
						<td>412718199823769809</td>
					</tr>
					<tr>
						<td><input type="checkbox" name="" id="" value="1" /><img src="img1/icon-namelogo1.png" alt="李潇潇"/><a href="#">李潇潇</a></td>
						<td>平面设计</td>
						<td>15737873676</td>
						<td>412718199823769809</td>
					</tr>
					<tr>
						<td><input type="checkbox" name="" id="" value="1" /><img src="img1/icon-namelogo2.png" alt="李潇潇"/><a href="#">李潇潇</a></td>
						<td>IOS开发</td>
						<td>15737873676</td>
						<td>412718199823769809</td>
					</tr>
					<tr>
						
						<td><input type="checkbox" name="" id="" value="1" /><img src="img1/icon-namelogo3.png" alt="李潇潇"/><a href="#">李潇潇</a></td>
						<td>软件测试</td>
						<td>15737873676</td>
						<td>412718199823769809</td>
					</tr>
					</table>
					
					
				</div>
				</div>
			</div>
		</div>
		<!--底部部分-->
		<div class="footer">
			<div class="wp footer-main">
				<div class="footer-logo"></div>
				<div class="footer-menu">
					<a href="###">标识汇官网</a><span>|</span>
					<a href="###">成品材料</a><span>|</span>
					<a href="###">定制加工</a><span>|</span>
					<a href="###">需求中心</a><span>|</span>
					<a href="###">工作中心</a><span>|</span>
					<a href="###">社区</a><span>|</span>
					<a href="###">微店系统</a><span>|</span>
					<a href="###">标识汇ERP</a>
					<p>
						© 2015标识汇 豫ICP备15032515<br />
						版权所有：标识汇网络技术有限公司
					</p>
				</div>
				<div class="footer-saoma"></div>
			</div>
		</div>
		<!--编辑部门-->
		<div id="dv">
		<h2>团队设置</h2>			
			<form class="editor-info" action="" method="post">
				<div class="editor-info-name">
					<p>基本信息</p>
					<a href="#" onclick="document.getElementById('dv-bottombgd').style.display='block'"><img src="img1/icon-arrow.png" class="to-dvbottom"/></a>
					<div class="info-name">
						<label>&nbsp;部门名称：</label>
						<input type="text"  name="names" placeholder=""  required="required"  />
					</div>
					<div class="info-superior">
						<label>&nbsp;上级部门：</label>
						<input type="text" value="标识汇网络科技有限公司" name="superior" placeholder="" required="required"  />
					</div>
				</div>
				<p>权限设置</p>
							<ul class="list-bottom">
								<li>
									<img src="img1/icon-list3.png"/>
									邀请成员
								</li>
								<li>
									<img src="img1/icon-list3.png"/>
								        删除、修改成员信息
								</li>
								<li>
									<img src="img1/icon-list3.png"/>
									添加部门、修改部门、删除部门
								</li>
								<li>
									<img src="img1/icon-list2.png"/>
									指派任务
								</li>
								<li>
									<img src="img1/icon-list2.png"/>
									审核
								</li>
								<li>
									<img src="img1/icon-list2.png"/>
									做工权限
								</li>
								<li>
								    <img src="img1/icon-list2.png"/>
									允许接单
								</li>
							</ul>
				
				<div class="btn">
					<input class="btn-save" type="submit" value="保存" 
						onclick="alert('已保存')；
						document.getElementById('dv').style.display='none'"/>
					<input class="btn-delete" type="reset" value="删除" onclick="alert('已删除')"/>
					<input class="btn-cancel" type="button" value="取消" onclick="document.getElementById('dv').style.display='none'"/>
				</div>	
				</form>
			</div>
			<!--子部门选择-->
			<div id="dv-bottombgd">
			<div id="dv-bottom">
							<p>选择部门</p>
							<span>选择:</span>
							<span>已选:</span>
							<div class="select-list-left">
							<p><a href="#"><img src="img1/icon-select-serch.png" alt="搜索"/></a>搜索</p>
							<span><a href="#"><img src="img1/icon-select-logo1.png" alt="LOGO"/></a>标识汇网络科技有限公司<a href="#"><img src="img1/icon-select-logo2.png" alt="下划"/></a></span>
							<ul>
								<li><a href="#"><img src="img1/icon-select-logo3.png"/>技术开发部</a></li>
								<li><a href="#"><img src="img1/icon-select-logo3.png"/>财务部</a></li>
								<li><a href="#"><img src="img1/icon-select-logo3.png"/>外联部</a></li>
								<li><a href="#"><img src="img1/icon-select-logo3.png"/>行政部</a></li>
								<li><a href="#"><img src="img1/icon-select-logo3.png"/>销售部</a></li>
								<li><a href="#"><img src="img1/icon-select-logo3.png"/>业务部</a></li>
								<li><a href="#"><img src="img1/icon-select-logo3.png"/>人事部</a></li>
								
							</ul>
							</div>
							<div class="select-list-right">
								<p><img src="img1/icon-select-logo3.png" alt="LOGO"/>技术开发部</p>
								<a href="#"><img src="img1/icon-select-logo4.png" alt="LOGO" /></a>
							</div>
							<div class="btn-three">
					        <input class="btn-save1" type="submit" value="保存" onclick="alert('已保存')"/>
					        <input class="btn-cancel1" type="button" value="取消" onclick="document.getElementById('dv-bottombgd').style.display='none'" />
				        </div>	
						</div>
						</div>
			<!--时间显示-->
			<div id="dv-twobg">
				<div id="dv-two">
				<h2>团队设置</h2>			
			    <form class="time-info" action="" method="post">
				<div class="time-info-name">
					<p>基本信息</p>
					<div class="time-name">
						<label>&nbsp;姓名：</label>
						<input type="text"  name="names" placeholder=""  required="required"  />
					</div>
					<div class="time-phone">
						<label>&nbsp;手机号：</label>
						<input type="text"  name="names" placeholder=""  required="required"  />
					</div>
					<div class="time-superior">
						<label>&nbsp;部门：</label>
						<input type="text"  name="names" value="技术开发部"  placeholder=""  required="required"  />
					</div>
					<div class="time-position">
						<label>&nbsp;职位：</label>
						<input type="text" name="position" placeholder="" required="required" />
					</div>
				</div>
				<p>基本信息</p>
				<div class="time-bottom-info">
					<div class="bottom-site">
						<label>&nbsp;办公地点：</label>
						<input type="text" name="site" placeholder="" required="required"  />
					</div>
					<div class="bottom-time">
						<label>&nbsp;入职时间：</label>
						<input type="text"  id="test1"  placeholder="请选择入职时间"  />
						
					</div>
					<div class="bottom-note">
						<label>&nbsp;备注：</label>
						<input type="text" name="note" placeholder="" required="required" />
					</div>
				</div>
				<div class="btn-two">
					<input class="btn-two-save" type="submit" value="保存"
					    onclick="alert('已保存');
						document.getElementById('dv-two').style.display='none'" />
					<input class="btn-two-delete" type="reset" value="保存并继续添加" onclick="alert('已保存，请继续添加')"/>
					<input class="btn-two-cancel" type="button" value="取消" onclick="document.getElementById('dv-two').style.display='none'"/>
				</div>	
				</form>
			</div>
            </div>
	                    <script src="laydate/laydate.js"></script> 
                        <script>
                        //执行一个laydate实例
                        laydate.render({
                        elem: '#test1' //指定元素
                        });
                        </script>
	</body>
</html>
